<template>
<div class="test-select">
	<div class="test-input">
		<input type="text" readonly="readonly" class="test-input__inner">
		<span class="test-input__suffix">
			<i class="el-input__icon el-icon-arrow-up"></i> 
		</span>
	</div>
	<div class="test-select-dropdown">
		<slot></slot>
	</div>
</div>
</template>
<script>
export default {
	name: 'Select',
}
</script>
<style scoped lang="scss">
.test-select{ display: inline-block; position: relative; }
.test-select .test-input__inner{ box-sizing: border-box; height: 40px; line-height: 40px; vertical-align: top; outline: none; border: 1px solid #DCDFE6; border-radius: 4px;}
.test-select .test-input__suffix{ position: absolute; top: 0; right: 0; pointer-events: none; }
.test-select .test-select-dropdown{ position: absolute; top: 40px; left: 0; width: 100%; line-height: 40px; }
</style>